import { ReactNode } from 'react';

/**
 * 背景
 */
export default function Background({ children }: { children: ReactNode; }) {
	return <>
		<div className='bc'>
			{children}
		</div>
		<style jsx>{`
.bc{
	margin: 0;
	padding: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(/images/bg-login.png) no-repeat;
	background-size: 100% 100%;
}
.bgimg{
	background-image: linear-gradient(to bottom right,#fff, var(--color-success-light-9), var(--color-success-light-7));
}
`}</style>
	</>;
}
